import React from 'react'
import { connect } from 'react-redux'
import { Image } from 'antd';
import exprss from './express.module.css'
import { Pagination } from 'antd';
export const expeanimal = (props) => {
  return (
    <div className={exprss.imgbox}>
      <Image.PreviewGroup>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/monkeyimg/1.jpeg')} />
          <span>西安蓝田7死1伤交通事故报告公布，建议追责20人西安蓝田7死1伤交通事故报告公布，建议追责20人</span>
        </div>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/monkeyimg/2.jpeg')} />
          <span>广东省高速公路发生一起车祸</span>
        </div>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/monkeyimg/3.jpeg')} />
          <span>车祸致1死4伤!西昌公安最新警情通报</span>
        </div>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/monkeyimg/4.jpeg')} />
          <span>男子驾车因车辆失控撞到护栏及村民</span>
        </div>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/monkeyimg/5.jpeg')} />
          <span>男子开车搭同学出车祸遭索赔</span>
        </div>
        <div className={exprss.imgbox1}>
          <Image width={190} height={190} className={exprss.Imagewid} src={require('@/static/monkeyimg/6.jpeg')} />
          <span>广东省车祸致8亡43伤</span>
        </div>
      </Image.PreviewGroup>
      <div className={exprss.btom_Pagination}>
        <Pagination defaultCurrent={1} total={50} />
      </div>
    </div>
  )
}
const mapStateToProps = (state) => ({})
const mapDispatchToProps = {}
export default connect(mapStateToProps, mapDispatchToProps)(expeanimal)